import { forwardRef } from "react";

interface RightNavItemProps extends React.HTMLProps<HTMLDivElement> {
  ref?: any;
}

const RightNavItem: React.FC<React.PropsWithChildren<RightNavItemProps>> = forwardRef(({ children, className = '', ...props }, ref) => {
  return (
    <div ref={ref} className={`relative h-full px-4 flex items-center cursor-pointer transition hover:bg-white/20 ${className}`} {...props}>{children}</div>
  );
})

RightNavItem.displayName = 'RightNavItem'

export default RightNavItem;